<template>
  <base-modal
    class="form-builder-modal"
    :show.sync="visible"
  >
    <template slot="title">
      <div class="form-builder-title">{{$t('common.base.formFieldSet')}} > {{$t('contract.setting.contractFieldSetTitle2')}}</div>
      <el-button class="form-builder-save-btn" plain @click="submit" :disabled="pending">{{$t('common.base.save')}}</el-button>
    </template>

    <!-- start 表单设计器 -->
    <div class="contract-form-design" v-loading.lock="pending">
      <form-design
        ref="formDesign"
        v-if="init"
        v-model="fields"
        :mode="mode"
        :max="maxField"
      ></form-design>
    </div>
    <!-- end 表单设计器 -->
  </base-modal>
</template>

<script>
import ContractFieldsSetting from './ContractFieldsSetting';
export default ContractFieldsSetting;
</script>

<style lang="scss">
@import './ContractFieldsSetting.scss';
</style>